import { observer } from 'mobx-react-lite';
import { useEffect } from 'react';

export default observer((props) => {

  useEffect(() => {
    props.playlistStore.updateHighquality();
  }, []);

  return (
    <ol>
      { props.playlistStore.highquality.map(playlist => <li key={ playlist.id }>{ playlist.name }</li>) }
    </ol>
  );
});